import Taro, {Component} from '@tarojs/taro'
import {View, Button, Text, ScrollView, Image, Input, Picker, Textarea, Form } from '@tarojs/components'
import {AtIcon, AtCurtain, AtButton, AtSwitch} from 'taro-ui'

import {getRuntime, isLetter, companyName} from '../../utils/common'

import PickerArea from "../../components/PickerArea";


class Index extends Component {
  constructor(props) {
    super(props)
  }

  state = {}

  componentWillMount() {}

  changePicker() {}

  pickerArea() {}

  handleChange() {}

  submit() {}

  render() {
    return (
      <View className='declare-tax'>
        <View className='interval' />
        <View className='form-wrap content-30'>
          <Form onSubmit={this.submit.bind(this)}>
            <View className='form-wrap__group'>
              <View className='form-wrap__title'>文本输入框</View>
              <View className='form-wrap__content'>
                <Input className='form-wrap__input' name='' placeholderClass='placeholder-class' placeholder='请输入' />
              </View>
            </View>
            <View className='form-wrap__group'>
              <View className='form-wrap__title'>验证码</View>
              <View className='form-wrap__content'>
                <Input className='form-wrap__input' name='' placeholderClass='placeholder-class' placeholder='请输入' />
                <Button className='form-wrap__code'>获取验证码</Button>
              </View>
            </View>

            <View className='form-wrap__group'>
              <View className='form-wrap__title'>性别</View>
              <View className='form-wrap__content'>
                <Picker mode='selector' className='form-wrap__selector' range='' onChange={this.changePicker.bind(this)}>
                  <View className='form-wrap__picker placeholder-class icon-link-theme'>当前选择：</View>
                </Picker>
              </View>
            </View>
            {/*开关*/}
            <View className='form-wrap__group'>
              <View className='form-wrap__title'>设为默认地址</View>
              <View className='form-wrap__content'>
                <AtSwitch title='' checked={false} color='#409fff' onChange={this.handleChange.bind(this)} />
              </View>
            </View>

            {/*地址选择*/}
            <PickerArea onPicketArea={this.pickerArea.bind(this)} />
          </Form>
        </View>
      </View>
    )
  }
}

export default Index
